<template>
	<div class="aboutUs">
		<button @click="scrollToSection('section1')">跳转到section1</button>
		<button @click="scrollToSection('section9')">跳转到section2</button>
		<div id="section1">
			<!-- 内容 -->
			sdfsdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section2">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section6">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section7">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section8">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section9">
			<!-- 内容 -->
			sdfsdf
		</div>
		<div id="section12">
			<!-- 内容 -->
			sdfsdf
		</div>
	</div>
</template>


<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			scrollToSection(sectionId) {
				const element = document.getElementById(sectionId);
				element.scrollIntoView({
					behavior: 'smooth'
				});
			}
		}

	}
</script>


<style>

</style>
